<template>
	<view>
		<scroll-view scroll-y class="page">
			<cu-custom >
				<block slot="content">个人中心</block>
			</cu-custom>
			<!-- list列表 -->
			<view class="cutOff"></view>		
			<navigator url="./passWord" class="setUpList borderBtom" hover-class="uni-list-cell-hover">
				<view class="main-text">账号与安全</view>
				<view class="listRight">
					<view class="rightText">修改密码 </view>
					<view class="arr_right"><image src="../../static/setUpRight.png"></image> </view>
				</view>
			</navigator>
			 <view class="setUpList" hover-class="uni-list-cell-hover">
				<view class="main-text">通用</view>
				<view class="listRight">
					<view class="rightText">版本检测{{version}}</view>
					<view class="arr_right"><image src="../../static/setUpRight.png"></image> </view>
				</view>
			</view> 
			<view class="cutOff"></view>
			<view class="exitLogin" hover-class="uni-list-cell-hover" @click="exitLogin">退出登录</view>
			<view class="cutOff"></view>
		</scroll-view>
	</view>
</template>
<script>
	export default{
		name: "userSetUp",
		data(){
			return{
				version:""
			}
		},
		onLoad(options) {
			//#ifdef APP-PLUS
			//获取当前系统版本信息
			plus.runtime.getProperty(plus.runtime.appid, widgetInfo => {
				this.version = "V"+widgetInfo.version;
			});
			//#endif
		},
		
		methods:{
			exitLogin(){
				uni.showModal({
				    title: '提示',
				    content: '确定要退出登录吗',
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
							uni.navigateTo({
								url:"/pages/common/exit"
							})
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			}
		}
	}
</script>
<style>
	@import "uni.css";
	.cutOff{
		width: 100%;
		height: 10px;
		background: #F5F6F7;
	}
	.setUpList{
		width: 100%;
		height: 50.5px;
		padding: 0 20px;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.listRight{
		display: flex;
		align-items: center;
	}
	.rightText{
		color: #93A0AD;
		font-size: 15px;
	}
	.arr_right{
		width: 8px;
		height: 13.7px;
	}
	.arr_right image{
		width: 8px;
		height: 13.7px;
		margin-left: 10px;
	}
	.borderBtom{
		border-bottom: solid #E5E5E5 0.5px;
	}
	.exitLogin{
		width: 100%;
		height: 51px;
		line-height: 51px;
		text-align: center;
		color: #0B121A;
		font-size: 16px;
	}
</style>